﻿<!DOCTYPE html>
<html>
<head>
	<title>@View.Title</title>

	@* Here we link to the Ext base style sheet
		 It is in Scripts folder because I just extracted the Ext package as it is *@
	<link href="@Url.Content("~/Scripts/Ext/resources/css/ext-all-notheme.css")" rel="stylesheet" type="text/css" />

	@* Now we apply a theme (Ext 3.3 comes with Gray, Blue and Access theme
		 This sample will use an adapted old Ext 2 theme called Slate *@
	<link href="@Url.Content("~/Scripts/Ext/resources/css/xtheme-slate.css")" rel="stylesheet" type="text/css" />

	@* Your site css (below Ext css to allow override Ext style sheet)
		 In a real application, all those css would be minified and joint together *@
	<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

	@* Notice that we are using debug versions.
		 In a real application, a minifier to join and minify all these scripts is a must! *@

	@* We will use jQuery as Ext adapter because jQuery rocks =). The adapter framework comes first. *@
	<script src="@Url.Content("~/Scripts/jquery-1.4.1.js")" type="text/javascript"></script>

	@* Ext use adapters, and we are specifing that we will use jQuery adapter (see Scripts/Ext/adapter folder for other options) *@
	<script src="@Url.Content("~/Scripts/Ext/adapter/jquery/ext-jquery-adapter-debug.js")" type="text/javascript"></script>

	@* Then, we finally get the Ext main script (or pieces of it, see documentation for details) *@
	<script src="@Url.Content("~/Scripts/Ext/ext-all-debug.js")" type="text/javascript"></script>
</head>
<body>
	@RenderBody()
</body>
</html>
